<div class="content-wrapper" style="min-height: 901px;">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1 style="text-align:center">
        	生产业绩
      </h1>
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="row">
        <div class="col-md-12">
          <div class="box">
          <div class="box-header">
          	<div class="col-md-3">
			 	<select class="form-control select2 select2-hidden-accessible" style="width: 100%;" tabindex="0" aria-hidden="false"  ng-model="searchData.chef">
                  <option value="0">---请选择厨师---</option>
                  <option ng-repeat="c in chefs" value="{{c.id}}">{{c.name}}</option>
				</select>
			 </div>
			 <div class="col-md-3">
			 	<select class="form-control select2 select2-hidden-accessible" style="width: 100%;" tabindex="0" aria-hidden="false" ng-model="searchData.win">
                  <option value="0">---请选择档口---</option>
				  <option ng-repeat="w in workshops" value="{{w.id}}">{{w.name}}</option>
                </select>
			 </div>
			 <div class='col-md-4'>
			 	<input type="text" class="form-control pull-right" id="reservation" ng-model="searchDate" readonly="readonly">
			 </div>
             <button class="btn btn-default" ng-click="searchAchieve()">查询</button>
          	 <button class="btn pull-right" ng-click="download('tb_achievement')"><i class="fa fa-cloud-download"></i>&nbsp;&nbsp;导出</button>
          </div>
            <div class="box-body table-responsive no-padding">
             	 <table class="table table-hover">
	                 <tbody>
		                <tr>
			                <th>档口名称</th>
			                <th>厨师</th>
			                <th>菜品名称</th>
			                <th>单位</th>
			                <th>销售数量</th>
			                <th>菜品总量</th>
			                <th>销售率</th>
		                </tr>
		                <tr ng-repeat="r in items track by $index">
			                <td>{{r.window_name}}</td>
			                <td>{{r.chef_name}}</td>
			                <td>{{r.item_name}}</td>
			                <td>{{r.unit_name}}</td>
			                <td>{{r.sale_count}}</td>
			                <td>{{r.item_total_count}}</td>
			                <td >{{(r.sale_count / r.item_total_count * 100) | limitTo:4}}%</td>
		                </tr>
	               </tbody>
              	</table>
           <!-- //用于导出的表格-->
           		<table class="table table-hover download" id="tb_achievement" >
                	<tbody>
                		<tr>
	                		<td>档口名称</td>
			                <td>厨师</td>
			                <td>菜品名称</td>
			                <td>单位</td>
			                <td>销售数量</td>
			                <td>菜品总量</td>
			                <td>销售率</td>
                 		</tr>
                 		<tr ng-repeat="r in items track by $index">
			                <td>{{r.window_name}}</td>
			                <td>{{r.chef_name}}</td>
			                <td>{{r.item_name}}</td>
			                <td>{{r.unit_name}}</td>
			                <td>{{r.sale_count}}</td>
			                <td>{{r.item_total_count}}</td>
			                <td >{{(r.sale_count / r.item_total_count * 100) | limitTo:4}}%</td>
		                </tr>
               		</tbody>
            	</table>  
             
			</div>
            <!-- /.box-body -->
            <div class="box-footer" style="margin-bottom:10px;">
	              		<div class="dataTables_info col-sm-2" id="example1_info" role="status" aria-live="polite">总条目数：{{totalNums}}</div>
	                		<div class="col-md-6 col-md-offset-4">
	                			<ul class="pagination pull-right" style="margin: 0px;">
		                			<li class="paginate_button previous" id="example1_previous">
		                				<a  ng-click="Previous()">上一页</a>
		                			</li>
		                			<li   ng-repeat="page in pageList" ng-class="{active: isActivePage(page)}"><!-- class=" paginate_button active" -->
		                				<a  ng-click="selectPage(page)">{{page}}</a>
		                			</li>
		                			<li class="paginate_button next" id="example1_next">
		                				<a  ng-click="Next()">下一页</a>
		                			</li>
	                		</ul>
	                		</div>
	                		
	                	
	                
	              </div>
          </div>
          <!-- /.box -->
        </div>
      </div>
    </section>
    <!-- /.content -->
  </div>
